@import '../../../../../style/color.scss';
@import '../../../../../style/font.scss';

.defined-dispatch-page {

  .top {
    text-align: right;
    margin-top: 24px;
    margin-bottom: 14px;

    .btn {
      width: 190px;
      height: 50px;
      box-shadow: 0 0 6px 0 #01FFE6;
      border-radius: 4px;
      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 1px;
    }
  }

  .operate {

    >span{
      display: inline-block;
      font-family: $regular-font-family;
      font-size: 20px;
      letter-spacing: 1px;

      &:not(:first-child) {
        margin-left: 30px;
      }
      &:hover{
        cursor: pointer;
      }
    }

    .see {
      color: $operate-see;
    }

    .edit {
      color: $operate-edit;
    }

    .delete {
      color: $operate-delete;
    }
  }
}

.role-page {

  margin-top:30px;
  .btns {
    text-align: right;

    .btn {
      background: $button-normal-background-color;
      box-shadow: 0 0 4px 0 #01FFE6;
      border-radius: 2px;
      border-color: $button-normal-background-color;
      width: 146px;
      height: 48px;
      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 1px;
      text-shadow: 0 0 4px rgba(255,255,255,0.50);
    }
    .add{
      margin-bottom:26px;
    }

    .btn + .btn {
      margin-left: 12px;
    }
  }

  .search {
    margin-top: 26px;
    text-align: right;
    margin-bottom: 10px;

    .ant-input {
      height: 50px;
      width: 260px;
      border: solid 1px $form-border-color;
      border-radius: 0;
      font-family: $regular-font-family;
      font-size: 20px;
      color: $form-font-color;
      letter-spacing: 1px;
      background-color: transparent;

      &::placeholder {
        color: $unselected-font-color;
      }
    }

    .anticon-search:before {
      color: $form-font-color;
    }

    .ant-input-search-icon {
      font-size: 20px;
    }
  }

  .content {

    .ant-table-pagination {
      margin-top: 33px;
    }

    .account-edit {
      color: $account-edit-color;
    }
    .ant-table-row, .ant-table-row-level-0{
      td:last-child{
        span{
          span{
            margin-right:30px;
            &:hover{
              cursor:pointer;
            }
          }
        }
      }
    }

  }
  .interactive-content{
    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > td{
      &:first-child, &:nth-child(2) {
        width: 15%;
        >span{
          overflow: hidden;
          width: 150px;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
        }
      }
      &:nth-child(3), &:nth-child(4){
        width: 15%;
        >span{
          overflow: hidden;
          width: 200px;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
        }
      }
      &:last-child{
        width:15%;
      }
    }
  }
}
.role-page .interactive-content .ant-table-thead > tr > th:first-child > span,
.role-page .interactive-content .ant-table-thead > tr > th:nth-child(2) > span,
.role-page .interactive-content .ant-table-tbody > tr > td:first-child > span,
.role-page .interactive-content .ant-table-tbody > tr > td:nth-child(2) > span{

  display: block;
}

.important-detail-header{

  width:100%;
  height:50px;
  margin:30px 0;
  border-bottom: 1px solid $form-border-color;
  .important-detail-content{

    width:212px;
    height:100%;
    background: $form-border-color;
    font-family: $regular-font-family;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 34px;
    padding:7px 34px;
  }
}
// 创建预案

.create-plan-page {
  text-align: center;

  .ant-select-selection__placeholder, .ant-select-search__field__placeholder {
    color: $form-input-placeholder;
  }

  .content-wrap {
    display: inline-block;

    .btn-wrap {
      text-align: right;

      .btn {
        width: 188px;
        height: 48px;
        background: $form-border-color;
        box-shadow: 0 0 4px 0 #01FFE6;
        border-radius: 2px;
        border: 1px solid $form-border-color;
        font-family: $regular-font-family;
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 1px;
        text-shadow: 0 0 4px rgba(255,255,255,0.50);
      }
    }

    .btns-wrap {
      margin: 30px 0 200px 0;
      text-align: center;

      .btn {
        width: 119px;
        height: 40px;
        font-size: 20px;
      }

      .btn + .btn {
        margin-left: 26px;
      }

      .ant-btn:first-child {
        background-color: transparent;
      }
    }

  }
  .ant-form-item-label{

    width:130px;
    text-align: right;
  }
}

// 添加步骤
.form-wrap {
  padding-bottom: 100px;
}

// 添加预案操作
.plan-operate {

  >span {
    display: inline-block;
  }

  .edit {
    color: $account-edit-color;
  }

  .delete {
    color: $operate-delete;
    margin-left: 30px;
  }
}
